[@ui.dhtml title="Register Page"]
<div id="login">
<div class="loginform">
<form name="registForm" id="registForm">
<table width="65%" height="97" border="1" class="common">
  <tr class="odd">
    <th width="25%" align="right" scope="row">Account</th>
    <td width="75%">
      <input type="text" name="id" id="id" class="txt id"/>&nbsp;&nbsp;
      <span class="check"></span>
    </td>
  </tr>
  <tr>
    <th align="right" scope="row">Password</th>
    <td>
      <input type="password" id="pass" name ="pass" class="txt pass"/>
    </td>
  </tr>
  <tr class="odd">
    <th align="right" scope="row">Confirm Password</th>
    <td>
      <input type="password" id="confpass" class="txt pass"/>
    </td>
  </tr>
  <tr>
    <th align="right" scope="row">Limit Date</th>
    <td><input type="hidden" id="limit" name ="limit" value="${temp}" class="txt"/>${temp}
    &nbsp;&nbsp;<span style="color:green">[ You can login within the next 3 years ]</span></td>
  </tr>
  <tr class="odd">
    <th align="right" scope="row">Security Code</th>
    <td><label>
      <input name="sercurityCode" class="txt code" type="text" id="scode" maxlength="4"/>
      <span class='hscode'>
      <img src="${ui.base}/sCode" id="sscode" align="absmiddle"/>&nbsp;
      <a href="javascript:;" id="refreshScode">Refresh</a>
      </span>
      <span class='word'>[ Click input to show 'Security Code' ]</span>
    </label></td>
  </tr>
  <tr>
    <th align="right" scope="row"></th>
    <td>
      <input type="submit" class="form-button" id="okButton" disabled="disabled" value="Register" onclick="return vaildRegisterUser();" />
      <input type="button" class="form-button" id="button" value="Return" onclick="window.location = BASE + '/';"/>
    </td>
  </tr>
</table>
</form>
</div>
</div>
<script>
	BASE="${ui.base}";
	$(register);
</script>
[/@ui.dhtml]